<template>
  <div class="pro-vue-weiyou">
    <!--
          微邮
          -->
    <micro-mail
      ref="weiyou"
    />
  </div>
</template>
<script>
import MicroMail from '../microMail/index.vue';

export default {
  name: 'Weiyou',
  components: {
    MicroMail,
  },
  mounted() {
    this.$refs.weiyou.setVisible(true);
    this.$refs.weiyou.pageSize = 10;
    this.$refs.weiyou.isShowBtn = false;
    setTimeout(() => {
      this.$refs.weiyou.listHeight = `${$('.pro-vue-weiyou').parent().height() - 152}px`;
    }, 100);
    const dsq = setInterval(() => {
      if ($('.mail-theme-cnt').width() > 0) {
        this.$refs.weiyou.itemWidth = `${$('.mail-theme').width() - 80}px`;
        clearInterval(dsq);
      }
    });
  },
};
</script>
<style lang="scss">
.pro-vue-weiyou {
  position: absolute;
  top: 0;
  left: 200px;
  right: 200px;
  bottom: 0;
  .micro-mail .itemview-header .createNew{
    right: 10px;
  }
}
</style>
